<?php
$this->headLink()->appendStylesheet($this->baseUrl() . '/public/styles/datepicker/jquery.datepick.css');
$this->headScript()->prependFile($this->baseUrl() . '/public/scripts/datepicker/jquery.datepick.js');
?>
<style>
    .custom-orden-buttons{float: left; width: 490px; margin-left: 10px; margin-right: 10px;}
    .peditorden{float: left; width: 480px; margin-left: 15px; margin-right: 15px;}
    .peditorden span.value{font-style: italic;}
    .peditorden span.key{font-weight: bold;}
</style>
<article class="module width_full">
    <header><h3>Editar Orden</h3></header>
    <div class="module_content">

        <div style="display: none;">
            <img id="calImg" src="<?php echo $this->baseUrl() . '/public/img/calendar-blue.gif' ?>" alt="Popup" class="trigger">
        </div>

        <form id="custom-orden" method="POST" action="<?php echo $this->url(); ?>">
            <fieldset title="Editar orden">
                <legend style="display: none;">Brief - Cambios</legend>
                <p class="peditorden">
                    <span class="key">Codigo:</span>
                    <span class="value" id="code"><?php echo $this->orden->code ?></span>
                </p>
                <p class="peditorden">
                    <span class="key">Titulo:</span>
                    <span class="value" id="title"><?php echo $this->orden->title ?></span>
                </p>
                <p class="peditorden">
                    <span class="key">Descripci&oacute;n:</span>
                    <span class="value" id="description"><?php echo $this->orden->description; ?></span>
                </p>
                <p class="peditorden">
                    <span class="key">Cambios:</span>
                    <input type="checkbox" name="check_brief" id="check_brief" value="true"/> Cambio de Brief
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <input type="checkbox" name="check_cambios" id="check_cambios" value="true"/> Trabajo con cambios
                </p>
                <p id="p_brief" class="peditorden" style="display: none">
                    <span class="key">Cambio de brief:</span><br/>
                    <textarea name="cambio_brief" id="cambio_brief" rows="5" cols="60" ><?php echo $this->orden->change_brief; ?></textarea>
                </p>
                <p id="p_cambios" class="peditorden" style="display: none">
                    <span class="key">Trabajo con cambios:</span><br/>
                    <textarea name="trabajo_cambios" id="trabajo_cambios" rows="5" cols="60" ><?php echo $this->orden->change_job; ?></textarea>
                </p>
            </fieldset>

            <fieldset title="Fechas">
                <legend style="display: none;">Cambio de fecha</legend>
                <p class="peditorden">
                    <span class="key">Fecha de inicio: </span>
                    <span class="value" id="create_date"><?php echo $this->orden->create_date; ?></span>
                </p>
                <p class="peditorden">
                    <span class="key">Fecha limite: </span>
                    <span class="value" id="end_date"><?php echo $this->orden->end_date; ?></span>
                </p>
                <p class="peditorden">
                    <span class="key">Cambiar fecha de entrega:</span>
                    <input type="checkbox" name="check_date" value="true" id="check_date"/>
                </p>
                <p id="p_date_limit" class="peditorden" style="display: none;">
                    <span class="key">Nueva fecha de entrega: </span><br/>
                    <input type="text" id="new_date_limit" name="new_date_limit" value="<?php echo $this->orden->new_date_limit; ?>" style="float: left; width: 430px;"/>
                </p>
            </fieldset>

            <input type="submit" class="finish" value="Editar Orden" />
        </form>
        <article class="breadcrumbs">
            <a href="<?php echo $this->url(array('module'=>'attachment', 'action' => 'index', 'id' => $this->orden->id)) ?>">Adjuntar Archivos</a> 
            <div class="breadcrumb_divider"></div> 
            <a href="<?php echo $this->url(array('action' => 'index', 'id' => null)) ?>">Volver</a> 
        </article>
    </div>
    <footer></footer>
</article>

<script>
    $('#check_brief').change(function(){
        if ($(this).attr("checked")) {
            $('#p_brief').show();
        }else{
            $('#p_brief').hide();
            $('#cambio_brief').val('');
        }
    });
    
    $('#check_cambios').change(function(){
        if ($(this).attr("checked")) {
            $('#p_cambios').show();
        }else{
            $('#p_cambios').hide();
            $('#trabajo_cambios').val('');
        }
    });
    
    $('#check_date').change(function(){
        if ($(this).attr("checked")) {
            $('#p_date_limit').show();
        }else{
            $('#p_date_limit').hide();
            $('#new_date_limit').val('');
        }
    });
    
    $('#new_date_limit').datepick({
        showOnFocus: false, 
        showTrigger: '#calImg',
        dateFormat: 'dd-mm-yyyy'
    });
</script>
<script language="javascript">
    $('#custom-orden').stepy({
        backLabel:	'Atras',
        block:		true,
        errorImage:	true,
        nextLabel:	'Siguiente',
        titleClick:	true,
        validate:	true
    });
    // Optionaly
    $('#custom-orden').validate({
        errorPlacement: function(error, element) {
            $('#custom-orden div.stepy-error').append(error);
        }, rules: {
            cambio_brief: { required: "#check_brief:checked" },
            trabajo_cambios: { required: "#check_cambios:checked" },
            new_date_limit: { required: "#check_date:checked" }
            
        }, messages: {
            'cambio_brief':	{ required: '*Ingrese el cambio de brief' },
            'trabajo_cambios':	{ required: '*Ingrese los cambios para el trabajo' },
            'new_date_limit':	{ required: '*Ingrese la nueva fecha limite' }
        }
    });
</script>